﻿@{ Layout = "../Shared/_Layout.cshtml"; } @section Navs{
<li class="nav-item">
  <a class="nav-link" href="pageUser.aspx">用户管理</a>
</li>
<li class="nav-item">
  <a class="nav-link" href="userGroup.cshtml">用户组管理</a>
</li>
<li class="nav-item">
  <a class="nav-link active" href="userStyle.cshtml">用户字段</a>
</li>
<li class="nav-item">
  <a class="nav-link" href="userConfig.cshtml">用户设置</a>
</li>
<li class="nav-item">
  <a class="nav-link" href="userHome.cshtml">用户中心设置</a>
</li>
<li class="nav-item">
  <a class="nav-link" href="userMenu.cshtml">用户中心菜单</a>
</li>
}

<div class="table-responsive">
  <table class="table tablesaw table-hover m-0">
    <thead>
      <tr>
        <th class="text-center">排序</th>
        <th>字段名 </th>
        <th>显示名称 </th>
        <th class="text-center">提交类型</th>
        <th class="text-center">验证规则</th>
        <th class="text-center">操作</th>
      </tr>
    </thead>
    <tbody>

      <tr v-for="item in items">
        <td class="text-center">
          {{ item.taxis }}
        </td>
        <td>
          {{ item.attributeName }}
        </td>
        <td>
          {{ item.displayName }}
        </td>
        <td class="text-center">
          {{ item.inputType }}
        </td>
        <td class="text-center">
          <a href="javascript:;" v-on:click="btnValidateClick(item.attributeName)">{{ item.validate || '无验证' }}</a>
        </td>
        <td class="text-center">
          <a href="javascript:;" v-on:click="btnEditClick(item.attributeName)">编辑</a>
          <a v-if="!item.isSystem" class="text-danger ml-2" href="javascript:;" v-on:click="btnDeleteClick(item.attributeName)">删除</a>
        </td>
      </tr>

    </tbody>
  </table>
</div>

<hr />

<a href="javascript:;" v-on:click="btnAddClick" class="btn btn-sm btn-outline-primary pl-3 pr-3">
  <i class="ion-plus"></i>
  新增字段
</a>
<!-- <a href="javascript:;" class="btn btn-sm btn-outline-secondary pl-3 pr-3">批量新增字段</a>
<a href="javascript:;" class="btn btn-sm btn-outline-secondary pl-3 pr-3">导 入</a>
<a href="javascript:;" class="btn btn-sm btn-outline-secondary pl-3 pr-3">导 出</a> -->

@section Scripts{
<script src="userStyle.js" type="text/javascript"></script> }